<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加</title>
</head>
<script src="jquery-1.12.4.js"></script>
<script>
$(function(){
	$("input").blur(function(){
		var title=$("#title").val();
		$.ajax({
			"url"		:"User",
			"type"		:"POST",
			"data"		:"title="+title,
			"dataType"	:"text",
			"success"	:callBack,
			"error"		:function(){
				alert("用户名验证时出现错误，请稍后再试或与管理员联系！");
			}
		});
		function callBack(data){
			if (data=="true") {
				$("span").html("标题已使用");
				$("#bott").hide();
			} else{
				$("span").html("标题可以使用");
				$("#bott").show();
				
			}
		}
	})
	
	$("form").submit(function(){
		var title = $("#title").val();
		var content = $("#content").val();
		var type = $("#type").val();
		if(title==""){
			alert("请输入标题");
			return false;
		}else if(content==""){
			alert("请输入内容");
			return false;
		}else if(type==0){
			alert("请输入类别");
			return false;
		}
	})
})

	
</script>
<body>
	<form action="Per?pre=add" method="post" style="line-height: 50px;text-align: center;">
		<div id="" style="height: 350px;width: 500px;margin: auto;border: 1px solid;">
			<h1 style="text-align: center;">我的工作笔记</h1>
			标签：<input type="text" name="title" id="title"><span></span><br />
			内容：<textarea name="content" id="content" rows="5" cols="30"></textarea><br />
			类别：<select name="type" id="type" style="margin-left: 50px;">
				<option value="0" selected>--请选择类别--</option>
				<option value="1">技术</option>
				<option value="2">行政</option>
				<option value="3">人事</option>
			</select>	
		</div>
		<input type="submit" id="bott" value="提交"/>
		</form>
</body>
</html>